<script setup>
const imgurl="https://www.shijuepi.com/uploads/allimg/200821/1-200R1141258.jpg"
</script>

<template>
    <view>
        <uni-row>
            <view class="item">
                <uni-col :span="7" :push="3">
                    <view class="left">
                        电站名称:
                    </view>
                </uni-col>
                <uni-col :span="10" :push="6">
                    <view class="right">
                        <u--textarea v-model="value3" autoHeight disabled></u--textarea>
                    </view>
                </uni-col>
            </view>
        </uni-row>
        <uni-row>
            <view class="item">
                <uni-col :span="7" :push="3">
                    <view class="left">
                        所属区县:
                    </view>
                </uni-col>
                <uni-col :span="10" :push="6">
                    <view class="right">
                        <u--textarea v-model="value3" autoHeight disabled></u--textarea>
                    </view>
                </uni-col>
            </view>
        </uni-row>
        <uni-row>
            <view class="item">
                <uni-col :span="7" :push="3">
                    <view class="left">
                        所属乡镇:
                    </view>
                </uni-col>
                <uni-col :span="10" :push="6">
                    <view class="right">
                        <u--textarea v-model="value3" autoHeight disabled></u--textarea>
                    </view>
                </uni-col>

            </view>
        </uni-row>
        <uni-row>
            <view class="item">
                <uni-col :span="7" :push="3">
                    <view class="left">
                        任务编号:
                    </view>
                </uni-col>
                <uni-col :span="10" :push="6">
                    <view class="right">
                        <u--textarea v-model="value3" autoHeight disabled></u--textarea>
                    </view>
                </uni-col>

            </view>
        </uni-row>
        <uni-row>
            <view class="item">
                <uni-col :span="7" :push="3">
                    <view class="left">
                        任务来源:
                    </view>
                </uni-col>
                <uni-col :span="10" :push="6">
                    <view class="right">
                        <u--textarea v-model="value3" autoHeight disabled></u--textarea>
                    </view>
                </uni-col>
            </view>
        </uni-row>
        <uni-row>
            <view class="item">
                <uni-col :span="7" :push="3">
                    <view class="left">
                        缺陷标志:
                    </view>
                </uni-col>
                <uni-col :span="10" :push="6">
                    <view class="right">
                        <u--textarea v-model="value3" autoHeight disabled></u--textarea>
                    </view>
                </uni-col>
            </view>
        </uni-row>
        <uni-row>
            <view class="item">
                <uni-col :span="7" :push="3">
                    <view class="left">
                        任务状态:
                    </view>
                </uni-col>


                <uni-col :span="10" :push="6">
                    <view class="right">
                        <u--textarea v-model="value3" autoHeight disabled></u--textarea>
                    </view>
                </uni-col>

            </view>
        </uni-row>
        <uni-row>
            <view class="item">
                <uni-col :span="7" :push="3">
                    <view class="left">
                        发起人:
                    </view>
                </uni-col>


                <uni-col :span="10" :push="6">
                    <view class="right">
                        <u--textarea v-model="value3" autoHeight disabled></u--textarea>
                    </view>
                </uni-col>

            </view>
        </uni-row>
        <uni-row>
            <view class="item">
                <uni-col :span="7" :push="3">
                    <view class="left">
                        发起日期:
                    </view>
                </uni-col>
                <uni-col :span="10" :push="6">
                    <view class="right">
                        <u--textarea v-model="value3" autoHeight disabled></u--textarea>
                    </view>
                </uni-col>

            </view>
        </uni-row>
        <uni-row>
            <view class="item">
                <uni-col :span="7" :push="3">
                    <view class="left">
                        签到标志:
                    </view>
                </uni-col>
                <uni-col :span="10" :push="6">
                    <view class="right">
                        <u--textarea v-model="value3" autoHeight disabled></u--textarea>
                    </view>
                </uni-col>

            </view>
        </uni-row>
        <uni-row>
            <view class="item">
                <uni-col :span="7" :push="3">
                    <view class="left">
                        解决人:
                    </view>
                </uni-col>
                <uni-col :span="10" :push="6">
                    <view class="right">
                        <u--textarea v-model="value3" autoHeight disabled></u--textarea>
                    </view>
                </uni-col>

            </view>
        </uni-row>
        <uni-row>
            <view class="item">
                <uni-col :span="7" :push="3">
                    <view class="left">
                        解决日期:
                    </view>
                </uni-col>
                <uni-col :span="10" :push="6">
                    <view class="right">
                        <u--textarea v-model="value3" autoHeight disabled></u--textarea>
                    </view>
                </uni-col>

            </view>
        </uni-row>

        <uni-row>
            <view class="item">
                <uni-col :span="7" :push="3">
                    <view class="left">
                        任务描述:
                    </view>
                </uni-col>
                <uni-col :span="10" :push="6">
                    <u--textarea v-model="value1" disabled ></u--textarea>
                </uni-col>

            </view>
        </uni-row>
        <uni-row>
            <view class="item">
                <uni-col :span="7" :push="3">
                    <view class="left">
                        处理描述:
                    </view>
                </uni-col>
                <uni-col :span="10" :push="6">
                    <view class="right">
                        <u--textarea v-model="value3" autoHeight disabled></u--textarea>
                    </view>
                </uni-col>

            </view>
        </uni-row>
        <uni-row>
            <view class="item">
                <uni-col :span="7" :push="3">
                    <view class="left">
                        现场图片:
                    </view>
                </uni-col>
                <uni-col :span="12" :push="2">
                    <view class="right">
                        <img :src="imgurl"/>
                    </view>
                </uni-col>

            </view>
        </uni-row>
    </view>
</template>

<style lang="scss">
.item {
    text-align: center;
    border-top: 1rpx solid rgb(233, 233, 235);
}

.left {
    margin-top: 16rpx;

}

.right {
    margin-top: 5rpx;
    margin-bottom: 5rpx;

}
</style>